<template>
  <flex height="auto">
    <flex-item col="72%" class="input">
      <span class="iconfont icon-search" style="font-size: 2.4rem"></span>
      <input type="text" style="width: 80%;font-size: 2.4rem" placeholder="请输入商品名"/>
    </flex-item>
    <flex-item col="25%">
      <my-button height="2.4rem">搜索</my-button>
    </flex-item>
  </flex>
</template>

<script>
    import flex from '@/components/layout/flex';
    import flexItem from '@/components/layout/flexItem';
    import myButton from '@/components/button/myButton';
    export default {
        name: "search",
        components:{
          flex,
          flexItem,
          myButton
        }
    }
</script>

<style scoped>
  input{
    border-width: 1px;
  }
  .input{
    border-radius: 1.2rem;
    border:1px solid black;
  }
</style>
